textarea.l-standard {
  resize: vertical;
  min-height: 200px;
}

.l-code {
  font-family: consolas, monaco, "Ubuntu Mono";
}

.l-box {
  border: 1px solid var(--border-color);
}

.l-mesh {
  background: url(/assets/img/mesh100.png);
}

.l-flex-container {
  display: -webkit-flex;
  display: -mos-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.l-normal-container {
  padding-top: 20px;
  width: 1024px;
  margin: 0 auto;
}

.l-ib, .l-inline-block {
  display: inline-block;
}

.l-i, .l-inline {
  display: inline;
}

.l-b, .l-block {
  display: block;
}

.l-bfc {
  overflow: hidden;
}

.l-no-flow-x {
  overflow-x: hidden;
}

.l-over-scroll {
  overflow-y: scroll;
}

.l-fl {
  float: left;
}
.l-fr {
  float: right;
}

.l-rel, .l-relative {
  position: relative;
}

.l-abs, .l-absolute {
  position: absolute;
  top: 0;
  left: 0;
}

.l-fix, .l-fixed {
  position: fixed;
}

/* webkit scrollbar */
.l-scrollbar-adjust-radius::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.l-scrollbar-adjust-radius::-webkit-scrollbar-track {
  background-color: #eee;
}

/* Handle */
.l-scrollbar-adjust-radius::-webkit-scrollbar-thumb {
  background-color: #999;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}

.l-txt-result {
  word-break: break-all;
}

/* Corner */
/*.l-scrollbar-adjust-radius::-webkit-scrollbar-corner {
}*/

.w10 { width: 10px; }
.w20 { width: 20px; }
.w30 { width: 30px; }
.w40 { width: 40px; }
.w50 { width: 50px; }
.w60 { width: 60px; }
.w70 { width: 70px; }
.w80 { width: 80px; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.w200 { width: 200px; }
.w300 { width: 300px; }
.w400 { width: 400px; }
.w500 { width: 500px; }
.w600 { width: 600px; }
.w700 { width: 700px; }
.w800 { width: 800px; }
.w900 { width: 900px; }
.w1000 { width: 1000px; }

.h10 { height: 10px; }
.h20 { height: 20px; }
.h30 { height: 30px; }
.h40 { height: 40px; }
.h50 { height: 50px; }
.h60 { height: 60px; }
.h70 { height: 70px; }
.h80 { height: 80px; }
.h90 { height: 90px; }
.h100 { height: 100px; }
.h200 { height: 200px; }
.h300 { height: 300px; }
.h400 { height: 400px; }
.h500 { height: 500px; }
.h600 { height: 600px; }
.h700 { height: 700px; }
.h800 { height: 800px; }
.h900 { height: 900px; }

.l10 { left: 10px; }
.l20 { left: 20px; }
.l30 { left: 30px; }
.l40 { left: 40px; }
.l50 { left: 50px; }
.l60 { left: 60px; }
.l70 { left: 70px; }
.l80 { left: 80px; }
.l90 { left: 90px; }
.l100 { left: 100px; }
.l200 { left: 200px; }
.l300 { left: 300px; }
.l400 { left: 400px; }
.l500 { left: 500px; }
.l600 { left: 600px; }
.l700 { left: 700px; }
.l800 { left: 800px; }
.l900 { left: 900px; }

.t10 { top: 10px; }
.t20 { top: 20px; }
.t30 { top: 30px; }
.t40 { top: 40px; }
.t50 { top: 50px; }
.t60 { top: 60px; }
.t70 { top: 70px; }
.t80 { top: 80px; }
.t90 { top: 90px; }
.t100 { top: 100px; }
.t200 { top: 200px; }
.t300 { top: 300px; }
.t400 { top: 400px; }
.t500 { top: 500px; }
.t600 { top: 600px; }
.t700 { top: 700px; }
.t800 { top: 800px; }
.t900 { top: 900px; }

.m10 { margin: 10px; }
.m20 { margin: 20px; }
.m30 { margin: 30px; }
.m40 { margin: 40px; }
.m50 { margin: 50px; }
.m60 { margin: 60px; }
.m70 { margin: 70px; }
.m80 { margin: 80px; }
.m90 { margin: 90px; }

.p10 { padding: 10px; }
.p20 { padding: 20px; }
.p30 { padding: 30px; }
.p40 { padding: 40px; }
.p50 { padding: 50px; }
.p60 { padding: 60px; }
.p70 { padding: 70px; }
.p80 { padding: 80px; }
.p90 { padding: 90px; }

.z-25 { z-index: -25; }
.z-24 { z-index: -24; }
.z-23 { z-index: -23; }
.z-22 { z-index: -22; }
.z-21 { z-index: -21; }
.z-20 { z-index: -20; }
.z-19 { z-index: -19; }
.z-18 { z-index: -18; }
.z-17 { z-index: -17; }
.z-16 { z-index: -16; }
.z-15 { z-index: -15; }
.z-14 { z-index: -14; }
.z-13 { z-index: -13; }
.z-12 { z-index: -12; }
.z-11 { z-index: -11; }
.z-10 { z-index: -10; }
.z-9 { z-index: -9; }
.z-8 { z-index: -8; }
.z-7 { z-index: -7; }
.z-6 { z-index: -6; }
.z-5 { z-index: -5; }
.z-4 { z-index: -4; }
.z-3 { z-index: -3; }
.z-2 { z-index: -2; }
.z-1 { z-index: -1; }
.z0 { z-index: 0; }
.z1 { z-index: 1; }
.z2 { z-index: 2; }
.z3 { z-index: 3; }
.z4 { z-index: 4; }
.z5 { z-index: 5; }
.z6 { z-index: 6; }
.z7 { z-index: 7; }
.z8 { z-index: 8; }
.z9 { z-index: 9; }
.z10 { z-index: 10; }
.z11 { z-index: 11; }
.z12 { z-index: 12; }
.z13 { z-index: 13; }
.z14 { z-index: 14; }
.z15 { z-index: 15; }
.z16 { z-index: 16; }
.z17 { z-index: 17; }
.z18 { z-index: 18; }
.z19 { z-index: 19; }
.z20 { z-index: 20; }
.z21 { z-index: 21; }
.z22 { z-index: 22; }
.z23 { z-index: 23; }
.z24 { z-index: 24; }
.z25 { z-index: 25; }

.bg {
  background-color: #044273;
}

.bg-black { background-color: #000000; }
.bg-brown { background-color: #a52a2a; }
.bg-chocolate { background-color: #d2691e; }

.bg-gold { background-color: #ffd700; }
.bg-silver { background-color: #c0c0c0; }
.bg-snow { background-color: #fffafa; }
.bg-white { background-color: #ffffff; }

.bg-darkblue { background-color: #00008b; }
.bg-blue { background-color: #0000ff; }
.bg-lightblue { background-color: #add8e6; }
.bg-deepskyblue { background-color: #00bfff; }
.bg-skyblue { background-color: #87ceeb; }
.bg-lightskyblue { background-color: #87cefa; }

.bg-darkgray { background-color: #a9a9a9; }
.bg-gray { background-color: #808080; }
.bg-lightgrey { background-color: #d3d3d3; }

.bg-darkgreen { background-color: #006400; }
.bg-green { background-color: #008000; }
.bg-lightgreen { background-color: #90ee90; }
.bg-yellowgreen { background-color: #9acd32; }

.bg-darkorange { background-color: #ff8c00; }
.bg-orange { background-color: #ffa500; }

.bg-darkred { background-color: #8b0000; }
.bg-red { background-color: #ff0000; }

.bg-deeppink { background-color: #ff1493; }
.bg-hotpink { background-color: #ff69b4; }
.bg-pink { background-color: #ffc0cb; }
.bg-lightpink { background-color: #ffb6c1; }

.bg-yellow { background-color: #ffff00; }
.bg-lightyellow { background-color: #ffffe0; }
.bg-greenyellow { background-color: #adff2f; }

.bg-red-1 { background-color: #FFF2F0 }
.bg-red-2 { background-color: #FFEDEB }
.bg-red-3 { background-color: #FFC8C2 }
.bg-red-4 { background-color: #FFA099 }
.bg-red-5 { background-color: #FF7570 }
.bg-red-6 { background-color: #FF4848 }
.bg-red-7 { background-color: #D93237 }
.bg-red-8 { background-color: #B3202A }
.bg-red-9 { background-color: #8C121E }
.bg-red-10 { background-color: #660C18 }

.bg-orange-1 { background-color: #FFF8F0 }
.bg-orange-2 { background-color: #FFF1E0 }
.bg-orange-3 { background-color: #FFDBB8 }
.bg-orange-4 { background-color: #FFC38F }
.bg-orange-5 { background-color: #FFA866 }
.bg-orange-6 { background-color: #FF8C3D }
.bg-orange-7 { background-color: #D96A29 }
.bg-orange-8 { background-color: #B34C19 }
.bg-orange-9 { background-color: #8C330D }
.bg-orange-10 { background-color: #662108 }

.bg-yellow-1 { background-color: #FFFEF0 }
.bg-yellow-2 { background-color: #FFFBE0 }
.bg-yellow-3 { background-color: #FFF4B8 }
.bg-yellow-4 { background-color: #FFEA8F }
.bg-yellow-5 { background-color: #FFDE66 }
.bg-yellow-6 { background-color: #FFCD3D }
.bg-yellow-7 { background-color: #D9A729 }
.bg-yellow-8 { background-color: #B38219 }
.bg-yellow-9 { background-color: #8C600D }
.bg-yellow-10 { background-color: #664208 }

.bg-lime-1 { background-color: #FCFFE6 }
.bg-lime-2 { background-color: #F4FFB8 }
.bg-lime-3 { background-color: #EAFF8F }
.bg-lime-4 { background-color: #D3F261 }
.bg-lime-5 { background-color: #BAE637 }
.bg-lime-6 { background-color: #A0D911 }
.bg-lime-7 { background-color: #7CB305 }
.bg-lime-8 { background-color: #5B8C00 }
.bg-lime-9 { background-color: #3F6600 }
.bg-lime-10 { background-color: #254000 }

.bg-green-1 { background-color: #F0FFF1 }
.bg-green-2 { background-color: #EBFFEE }
.bg-green-3 { background-color: #C0FCCB }
.bg-green-4 { background-color: #90F0A5 }
.bg-green-5 { background-color: #64E384 }
.bg-green-6 { background-color: #3CD768 }
.bg-green-7 { background-color: #28B053 }
.bg-green-8 { background-color: #198A40 }
.bg-green-9 { background-color: #0D632E }
.bg-green-10 { background-color: #073D1E }

.bg-cyan-1 { background-color: #F0FFFA }
.bg-cyan-2 { background-color: #D9FFF3 }
.bg-cyan-3 { background-color: #B0FFE9 }
.bg-cyan-4 { background-color: #83F7DA }
.bg-cyan-5 { background-color: #57EBCB }
.bg-cyan-6 { background-color: #2EDDBD }
.bg-cyan-7 { background-color: #1DB8A0 }
.bg-cyan-8 { background-color: #109182 }
.bg-cyan-9 { background-color: #066B63 }
.bg-cyan-10 { background-color: #034542 }

.bg-blue-1 { background-color: #F0FCFF }
.bg-blue-2 { background-color: #C7F1FF }
.bg-blue-3 { background-color: #9EE4FF }
.bg-blue-4 { background-color: #75D3FF }
.bg-blue-5 { background-color: #49B7F2 }
.bg-blue-6 { background-color: #1F99E5 }
.bg-blue-7 { background-color: #1177BF }
.bg-blue-8 { background-color: #065799 }
.bg-blue-9 { background-color: #003B73 }
.bg-blue-10 { background-color: #00254D }

.bg-geekblue-1 { background-color: #F0F8FF }
.bg-geekblue-2 { background-color: #DEEFFF }
.bg-geekblue-3 { background-color: #B5D9FF }
.bg-geekblue-4 { background-color: #8CC0FF }
.bg-geekblue-5 { background-color: #63A4FF }
.bg-geekblue-6 { background-color: #3883F8 }
.bg-geekblue-7 { background-color: #2662D1 }
.bg-geekblue-8 { background-color: #1645AB }
.bg-geekblue-9 { background-color: #0B2D85 }
.bg-geekblue-10 { background-color: #071D5E }

.bg-purple-1 { background-color: #F9F0FF }
.bg-purple-2 { background-color: #EFDBFF }
.bg-purple-3 { background-color: #D3ADF7 }
.bg-purple-4 { background-color: #B37FEB }
.bg-purple-5 { background-color: #9254DE }
.bg-purple-6 { background-color: #722ED1 }
.bg-purple-7 { background-color: #531DAB }
.bg-purple-8 { background-color: #391085 }
.bg-purple-9 { background-color: #22075E }
.bg-purple-10 { background-color: #120338 }

.bg-megenta-1 { background-color: #FFF0F6 }
.bg-megenta-2 { background-color: #FFD6E7 }
.bg-megenta-3 { background-color: #FFADD2 }
.bg-megenta-4 { background-color: #FF85C0 }
.bg-megenta-5 { background-color: #F759AB }
.bg-megenta-6 { background-color: #EB2F96 }
.bg-megenta-7 { background-color: #C41D7F }
.bg-megenta-8 { background-color: #9E1068 }
.bg-megenta-9 { background-color: #780650 }
.bg-megenta-10 { background-color: #520339 }

.bg-grey-1 { background-color: #FFFFFF }
.bg-grey-2 { background-color: #F9FBFF }
.bg-grey-3 { background-color: #F4F7FD }
.bg-grey-4 { background-color: #F5F5F5 }
.bg-grey-5 { background-color: #F1F4FA }
.bg-grey-6 { background-color: #E6EAEF }
.bg-grey-7 { background-color: #D3D9E2 }
.bg-grey-8 { background-color: #B8BEC8 }
.bg-grey-9 { background-color: #9098A4 }
.bg-grey-10 { background-color: #666E79 }
.bg-grey-11 { background-color: #464C55 }
.bg-grey-12 { background-color: #31353B }
.bg-grey-13 { background-color: #000000 }